﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="OrderHistory.aspx.cs" Inherits="Golf.WebUI.Customers.OrderHistory" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <link href="../Style/Base.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .containerBottom
        {
            width: 690px;
            height: 10px;
            margin-bottom: 10px;
            background: url(/common/images/account/containerBg.png) no-repeat 0 bottom;
        }
        .container
        {
            width: 630px;
            padding: 20px 30px;
            overflow: auto;
            background: url(/common/images/account/containerBg.png) no-repeat 0 0;
        }
        .container h3
        {
            float: left;
            margin-bottom: 10px;
            font-size: 1.3em;
            font-weight: normal;
        }
        .container .tblPaging
        {
            float: right;
            margin: 6px 2px 0 12px;
        }
        .container fieldset.searchOrders
        {
            width: 260px;
            float: right;
        }
        .container fieldset.searchOrders label
        {
            margin-left: 10px;
            font-size: 11px;
            font-weight: normal;
        }
        .container table
        {
            width: 628px;
            margin-top: 10px;
        }
        container table.outstandingOrders tr th
        {
            padding-left: 28px;
        }
        .container table tr th
        {
            padding-left: 28px;
            border-right: 1px solid #2E6800;
            border-left: 1px solid #ABD00F;
            line-height: 30px;
            font-size: 14px;
            color: white;
            text-align: left;
            background: url(/common/images/account/tableBg.png) no-repeat -6px 0;
        }
        .container .tblPaging a
        {
            width: 14px;
            height: 11px;
            display: block;
            float: left;
            background: url(/common/images/account/tablePaging.gif) no-repeat 0 0;
        }
        .container .tblPaging a.prev
        {
            background-position: 0 0;
        }
        .container .tblPaging a.next
        {
            background-position: right 0;
        }
        .container .tblPaging p
        {
            float: left;
            margin: 0 6px;
            line-height: 12px;
            font-size: 11px;
        }
    </style>
    <style type="text/css">
        .oDet dt
        {
            clear: left;
            width: 106px;
            margin-right: 10px;
            float: left;
            text-align: right;
            font-size: 11px;
            font-weight: bold;
            color: #438D01;
        }
        .oDet dd
        {
            width: 120px;
            float: left;
            font-size: 11px;
        }
    </style>
</head>
<body style="width: 691px; background: none; background-color: #eee">
    <form id="form1" runat="server" style="width: 691px; background-color: #eee">
    <div class="container">
        <h3>
            Current Outstanding Orders</h3>
        <div class="tblPaging">
            <a id="btnPrev" class="prev" href="#">
                <!-- -->
            </a>
            <p>
                1 of 1</p>
            <a id="btnNext" class="next" href="#">
                <!-- -->
            </a>
        </div>
        <table class="outstandingOrders" cellpadding="0" cellspacing="0">
            <tbody>
                <tr>
                    <th class="first">
                        Order Date
                    </th>
                    <th>
                        Order Number
                    </th>
                    <th>
                        Amount
                    </th>
                    <th class="last">
                        Status
                    </th>
                </tr>
                <asp:Repeater ID="Repeater1" runat="server">
                    <ItemTemplate>
                        <tr style="text-align: center; font-size: 11px;">
                            <td>
                                <%#Eval("OrderGeneratedTime")%>
                            </td>
                            <td>
                                <a href="#">
                                    <%#Eval("OrderNumber")%>
                                </a>
                            </td>
                            <td>
                                $<%#Eval("OrderSumPrice")%>
                            </td>
                            <td>
                                <%#Eval("IsDeliver")%>
                            </td>
                        </tr>
                    </ItemTemplate>
                </asp:Repeater>
            </tbody>
        </table>
    </div>
    <div class="containerBottom">
        <!-- -->
    </div>
    <div class="details">
        <div class="container">
            <h3>
                Order Details</h3>
            <br />
            <br />
            <div id="pnlFailedPA" style="height: 44px; padding: 13px 20px 0 80px; margin: 0 1px 10px 1px;
                background: url(/images/checkout/infoBar.png) no-repeat 0 0; width: 472px;">
                <p style="font-size: 11px; color: white;">
                    Your order has been accepted but payment has not yet been authorised. To progress
                    your order please click <strong>'Edit Order'</strong> and get your payment authorised.
                </p>
            </div>
            <div style="clear: left; width: 300px; margin: 20px 0; float: left; overflow: auto;">
                <dl class="oDet">
                    <dt>Order Number:</dt>
                    <dd>
                        <strong>6970554</strong></dd>
                    <dt>Order Date:</dt>
                    <dd>
                        15/07/2012</dd>
                    <dt>Client Name:</dt>
                    <dd>
                        Mrs First Surnam</dd>
                    <dt>Account Number:</dt>
                    <dd>
                        7220239</dd>
                </dl>
            </div>
            <div style="clear: right; width: 300px; margin: 20px 0; float: right; overflow: auto;">
                <dl class="oDet">
                    <dt>Delivery Address</dt>
                    <dd>
                        Mrs First Surnam<br />
                        <br />
                        House<br />
                        Street<br />
                        own<br />
                        County*<br />
                        Postcode<br />
                        Slovakia</dd>
                </dl>
            </div>
            <table class="outstandingOrders" cellpadding="0" cellspacing="0">
                <tbody>
                    <tr>
                        <th class="first">
                            Qty
                        </th>
                        <th>
                            Description
                        </th>
                        <th>
                            Amount
                        </th>
                    </tr>
                    <asp:Repeater ID="Repeater2" runat="server">
                        <ItemTemplate>
                            <tr style="text-align: center; font-size: 11px;">
                                <td>
                                    <%#Eval("OrderGeneratedTime")%>
                                </td>
                                <td>
                                    <a href="#">
                                        <%#Eval("OrderNumber")%>
                                    </a>
                                </td>
                                <td>
                                    $<%#Eval("OrderSumPrice")%>
                                </td>
                            </tr>
                        </ItemTemplate>
                    </asp:Repeater>
                    <tr class="footer">
                        <td colspan="2" style="padding-right: 10px; text-align: right;">
                            Total Amount
                        </td>
                        <td class="amt">
                            $24.97
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="containerBottom">
            <!-- -->
        </div>
    </div>
    </form>
</body>
</html>
